<template>
	<view>
		<view style="height: 160rpx;box-sizing:border-box; padding-top: 81rpx;border-bottom: 2rpx solid #F7F7F7;">
			<image src="/static/shequ/fh.png" @click="backTo()" style="margin: 0 259rpx 0 30rpx; width: 18rpx;height: 32rpx;" mode="aspectFit"></image>
			<text style="font-size: 32rpx;">我的消息</text>
		</view>
		<scroll-view scroll-y="true" >
			<view
				style="width: 690rpx;height: 243rpx;box-shadow: 0 0 10rpx 1rpx #f1f1f1;border-radius: 12rpx;margin: 30rpx 30rpx 0;font-size: 28rpx;"
				v-for="(item, index) in 4"
				:key="index"
			>
				<view style="border-bottom: 1rpx solid #FAFAFA;padding: 33rpx 0 29rpx 26rpx;display: flex;align-items: center;">
					<image src="/static/圆角矩形 1911@2x.png" style="width: 37rpx;height: 38rpx;" mode="aspectFit"></image>
					<text style="color: #071228;margin-left: 20rpx;">系统消息</text>
				</view>
			
				<view style="display: flex;flex-direction: column;padding: 30rpx 0 41rpx 30rpx;">
					<text style="#666666">欢迎，新人专享福利</text>
					<view style="font-size: 20rpx;color: #B4B4B4;margin-top: 15rpx;">
						<text>2019-03-03</text>
						<text style="margin-left: 10rpx;">10:00</text>
					</view>
				</view>
			</view>
		</scroll-view>
		
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
	}
};
</script>

<style lang="scss"></style>
